<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>easytrip</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/easytrip-header.css">
    <link rel="stylesheet" href="../lib/layui/css/layui.css">
    <link rel="stylesheet" href="../css/easytrip-roominfo.css">
</head>
<body>
<div id="public-style">
</div>
<div class="easytrip-roominfo">
    <!--头部搜索（引用的产品中心的这个部分）-->
    <div class="easytrip-productheader">
        <span class="hotelname">酒店名称：</span>
        <input type="text" value="请输入酒店名称/国家/省份/城市">
        <!--<i class="iconfont">&#xe601;</i>-->
        <i></i>
        <span class="hysearch">高级搜索</span>
        <div class="button2">
            新增房型
        </div>
    </div>
    <!--酒店选择（引用的产品中心的这个部分）-->
    <div class="easytrip-hotelselect">
        <div class="layui-row">
            <div class="layui-col-xs3">
                <div class="grid-demo grid-demo-bg1 product-active">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo grid-demo-bg1">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo">长沙保利瑜璟阁国际公寓</div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs3">
                <div class="grid-demo grid-demo-bg1">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo grid-demo-bg1">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo">长沙保利瑜璟阁国际公寓</div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs3">
                <div class="grid-demo grid-demo-bg1">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo grid-demo-bg1">长沙保利瑜璟阁国际公寓</div>
            </div>
            <div class="layui-col-xs3">
                <div class="grid-demo">长沙保利瑜璟阁国际公寓</div>
            </div>
        </div>
        <div class="hotelselect-footer">
            <span class="selectresult">共搜索到48家酒店 (鼠标悬停售卖房型名，得ID，依据售卖房型ID判断外网展示的是否是自己的报价)</span>
            <div id="roominfo-paging"></div>
        </div>
    </div>
    <!--表格-->
    <div class="layui-form">
    <table class="layui-table" lay-skin="line" lay-size="lg">
        <colgroup>
            <col width="170">
            <col width="320">
            <col width="170">
            <col width="170">
            <col width="170">
            <col width="270">
            <col width="170">
            <col width="150">
        </colgroup>
        <thead>
        <tr>
            <th>酒店ID</th>
            <th>酒店名称</th>
            <th>所在国家</th>
            <th>所在省份</th>
            <th>所在城市</th>
            <th>房型名称</th>
            <th>客房数量</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>00000000023</td>
            <td>长沙保利瑜璟阁国际公寓</td>
            <td>中国</td>
            <td>湖南</td>
            <td>长沙 </td>
            <td>江景单套麻将房</td>
            <td>6666</td>
            <td><a href="javascript:;">编辑</a></td>
        </tr>
        <tr>
            <td>00000000023</td>
            <td>长沙保利瑜璟阁国际公寓</td>
            <td>中国</td>
            <td>湖南</td>
            <td>长沙 </td>
            <td>豪华江景房</td>
            <td>6666</td>
            <td><a href="javascript:;">编辑</a></td>
        </tr>
        <tr>
            <td>00000000023</td>
            <td>长沙保利瑜璟阁国际公寓</td>
            <td>中国</td>
            <td>湖南</td>
            <td>长沙 </td>
            <td>豪华江景套房</td>
            <td>6666</td>
            <td><a href="javascript:;">编辑</a></td>
        </tr>
        <tr>
            <td>00000000023</td>
            <td>长沙保利瑜璟阁国际公寓</td>
            <td>中国</td>
            <td>湖南</td>
            <td>长沙 </td>
            <td>豪华园景房</td>
            <td>6666</td>
            <td><a href="javascript:;">编辑</a></td>
        </tr>
        <tr>
            <td>00000000023</td>
            <td>长沙保利瑜璟阁国际公寓</td>
            <td>中国</td>
            <td>湖南</td>
            <td>长沙 </td>
            <td>园景麻将房</td>
            <td>6666</td>
            <td><a href="javascript:;">编辑</a></td>
        </tr>
        <tr>
            <td>00000000023</td>
            <td>长沙保利瑜璟阁国际公寓</td>
            <td>中国</td>
            <td>湖南</td>
            <td>长沙 </td>
            <td>豪华江景双套</td>
            <td>6666</td>
            <td><a href="javascript:;">编辑</a></td>
        </tr>
        </tbody>
    </table>
    </div>
    <div id="roominfo2-paging"></div>
    <div class="easytrip-footer">
        copyright by 湖南易旅科技有限公司 2017
    </div>
</div>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script src="../lib/layui/layui.js"></script>
<script src="../js/base.js"></script>
<script src="../lib/adapt.js"></script>
<script src="../js/easytrip-roominfo.js"></script>
</body>
</html>